{php $bootstrap_type = 3;}

{template 'header'}

{template 'common'}

<script type="text/javascript" src="../addons/ewei_shopping/images/jquery.gcjs.js"></script>
<script type='text/javascript' src='../addons/ewei_shopping/images/touchslider.min.js'></script>
<script language='javascript' src='../addons/ewei_shopping/images/photoswipe/simple-inheritance.min.js'></script>
<script language='javascript' src='../addons/ewei_shopping/images/photoswipe/photoswipe-1.0.11.min.js'></script>
<link href="../addons/ewei_shopping/images/photoswipe/photoswipe.css" rel="stylesheet"/>
<script language="javascript" src="../addons/ewei_shopping/images/touchslider.min.js"></script>
<script language="javascript" src="../addons/ewei_shopping/images/swipe.js"></script>
<link type="text/css" rel="stylesheet" href="../addons/ewei_shopping/images/style.css?{TIMESTAMP}">

<div class="head">
    <a href="javascript:history.back();" class="bn pull-left"><i class="fa fa-angle-left"></i></a>
    <span class="title">商品详情</span>
    <a href="{php echo $this->createMobileUrl('list')}" class="bn pull-right" style="margin-right:30px;">
        <i class="fa fa-home"></i>
    </a>
    <a href="{php echo $this->createMobileUrl('mycart')}" class="bn pull-right">
        <i class="fa fa-shopping-cart"></i>
        <span class="buy-num img-circle" id="carttotal">{$carttotal}</span>
    </a>
</div>

<div class="detail-main" style='margin-bottom:65px;'>
    <div class="detail-img">
        <div id="banner_box" class="box_swipe">
            <ul style="background:#FFF;">
                {loop $piclist $row}
                <li style="text-align:center;list-style: none;">
                    <a href="{php echo tomedia($row);}" rel='{php echo tomedia($row);}'>
                        <img src="{php echo tomedia($row);}" height="200px"/>
                    </a>
                </li>
                {/loop}
            </ul>
            <ol>
                {loop $piclist $row}
                <li class="on"></li>
                {/loop}
            </ol>
        </div>

        <script>
            var proimg_count = {php echo count($piclist)};
            $(function () {
                new Swipe($('#banner_box')[0], {
                    speed: 500,
                    auto: 3000,
                    callback: function () {
                        var lis = $(this.element).next("ol").children();
                        lis.removeClass("on").eq(this.index).addClass("on");
                    }
                });
                if (proimg_count > 0) {
                    (function (window, $, PhotoSwipe) {
                        $('#banner_box ul li a[rel]').photoSwipe({});
                    }(window, window.jQuery, window.Code.PhotoSwipe));
                }
            });
        </script>

    </div>
    <div class="detail-div img-rounded">
        <div class="detail-group text-center" style="line-height:20px;font-weight:bold;">{$goods['title']}</div>
        <div class="detail-group" style='margin-top:10px;'>
			<span class="col-xs-8" style="width:100%;">
				{if $marketprice==$originalprice || $originalprice == '0.00'}
				现价 : ¥ <span id='marketprice' class="text-danger" style="font-size:18px; font-weight:bold;">{$marketprice}</span> {if !empty($goods['unit'])}元&nbsp;/ {$goods['unit']}{/if}
				{else}
		   	 	现价 : ¥ <span class="text-danger" id='marketprice' style="font-size:18px; font-weight:bold;">{$marketprice} 元&nbsp;/ {$goods['unit']}</span> <span
                    id='productpricecontainer' >  原价 : <del
                    style="font-size:14px; ">¥ <span id='productprice'>{$originalprice}</span>元&nbsp; / {$goods['unit']}</del></span>
				{/if}
			</span>
        </div>

        <div class='detail-group' style="margin-top:10px;">
            <span style="float:left;margin-left:15px; margin-top:5px;">数量 :</span>
            <div class="input-group" style="width:100px;float:left;margin-left:8px;">
				<span class="input-group-btn">
					<button class="btn btn-default btn-sm" type="button" onclick="reduceNum()"><i class="fa fa-minus"></i></button>
				</span>
                <input type="tel" class="form-control input-sm pricetotal goodsnum" style="width:50px;text-align:center" value="1" id="total"/>
				<span class="input-group-btn">
					<button class="btn btn-default btn-sm" type="button" onclick="addNum()"><i class="fa fa-plus"></i></button>
				</span>
            </div>
            {if $stock!=-1}
            <span id='stockcontainer' style="float:left;margin-left:5px;">( 剩余 <span id='stock'>{if $goods['totalcnf'] == 2} 无限 {else} {$stock} {/if}</span> ) </span>
            {else}
            <span id='stockcontainer' style="float:left;margin-left:5px;"><span id='stock'></span></span>
            {/if}
        </div>

        {loop $specs $spec}
        <input type='hidden' name="optionid[]" class='optionid optionid_{$spec['id']}' value="" title="{$spec['title']}">
        <div id='option_group' class='detail-group' style="margin-top:10px;">
            <div class="detail-group">
                <span style='float:left;display:block;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;margin-left:15px;padding:0'>{$spec['title']}</span>
                <span style="float:left;display:block;height:30px;line-height:30px;padding:0 3px;">:</span>
                <span style="float:left;margin-left:8px;" class='options options_{$spec['id']}' specid='{$spec['id']}'>
                {loop $spec['items'] $o}
                {if empty($o['thumb'])}
                <span class="property option option_{$spec['id']}" specid='{$spec['id']}' oid="{$o['id']}" sel='false'>{$o['title']}</span>
                {else}
                <span class="propertyimg optionimg option_img_{$spec['id']} " oid="{$o['id']}" specid='{$spec['id']}' sel='false'>
                <img src="{php echo tomedia($o['thumb']);}" width='50' height='70'/>
                </span>
                {/if}
                {/loop}
                </span>
            </div>
        </div>
        {/loop}

    </div>
    {if count($params)>0}
    <div class="detail-div img-rounded other-detail">
        {loop $params $p}
        <div class="detail-group">
            <span class="col-xs-4">{$p['title']}</span>
            <span class="col-xs-8">{$p['value']}</span>
        </div>
        {/loop}
    </div>
    {/if}

    <div class="detail-div img-rounded detail-content" style="word-break:break-all">
        {php echo html_entity_decode($goods['content'], ENT_QUOTES)}
    </div>
    <div style="position:fixed; bottom:0; left:0; width:100%; z-index:88; text-align:center; background:#E9E9E9; padding:10px 2%;">
        {if $goods['status']!=1 || $goods['deleted']==1}
        <a href="javascript:void(0)" class="btn btn-default col-xs-12" style="width:100%;">此商品已下架</a>
        {else}
        <input type="hidden" id="optionid" name="optionid" value=""/>
        <a href="javascript:void(0)" onclick='addtocart()' class="btn btn-danger col-xs-12" style="width:45%;">
            <i class="fa fa-plus"></i> 添加到购物车</a>
        <a href="javascript:void(0)" onclick='buy()' class="btn btn-success col-xs-12" style="float:right; width:45%;">立即购买</a>
        {/if}
    </div>

</div>

<script>
    var options = {php echo json_encode($options)};
    var specs = {php echo json_encode($specs)};
    var hasoption = {php echo $goods['hasoption'] == '1' ? 'true' : 'false'};

    $(function () {
        $('.other-detail .detail-group:last').css("border-bottom", "0");

        if (proimg_count > 0) {
            (function (window, $, PhotoSwipe) {
                $('.touchslider-viewport .list a[rel]').photoSwipe({});
            }(window, window.jQuery, window.Code.PhotoSwipe));

            $('.touchslider').touchSlider({
                mouseTouch: true,
                autoplay: true,
                delay: 2000
            });
        }
        $(".option,.optionimg").click(function () {
            var specid = $(this).attr("specid");
            var oid = $(this).attr("oid");
            $(".optionid_" + specid).val(oid);
            $(".options_" + specid + "  span").removeClass("current").attr("sel", "false");
            $(this).addClass("current").attr("sel", "true");

            var optionid = "";
            var stock = 0;
            var marketprice = 0;
            var productprice = 0;
            var ret = option_selected();

            if (ret.no == '') {
                var len = options.length;
                for (var i = 0; i < len; i++) {
                    var o = options[i];
                    var ids = ret.all.join("_");
                    if (o.specs == ids) {
                        optionid = o.id;
                        stock = o.stock;
                        marketprice = o.marketprice;
                        productprice = o.productprice;
                        break;
                    }
                }
                $("#optionid").val(optionid);
                if (stock != "-1") {
                    $("#stockcontainer").html("( 剩余 <span id='stock'>" + stock + "</span> )");
                } else {
                    $("#stockcontainer").html("<span id='stock'></span>");
                }
                $("#marketprice").html(marketprice);
                $("#productprice").html(productprice);
                if (productprice <= 0) {
                    $("#productpricecontainer").hide();
                } else {
                    $("#productpricecontainer").show();
                }
            }
        });

        $("#total").blur(function () {
            var total = $("#total");
            if (!total.isInt()) {
                total.val("1");
            }
            var stock = $("#stock").html() == '' ? -1 : parseInt($("#stock").html());
            var mb = maxbuy;
            if (mb > stock && stock != -1) {
                mb = stock;
            }
            mb = mb == 0? s1tock : mb;
            var num = parseInt(total.val());
            if (num > mb && mb > 0) {
                tip("您最多可购买 " + mb + " 件!", true);
                total.val(mb);
            }
        })

    });
    var maxbuy = {php echo empty($goods['maxbuy']) ? "0" : $goods['maxbuy']};

    function addNum() {
        var total = $("#total");
        if (!total.isInt()) {
            total.val("1");
        }
        var stock = $("#stock").html() == '' ? -1 : parseInt($("#stock").html());
        var mb = maxbuy;
        if (mb > stock && stock != -1) {
            mb = stock;
        }
        var num = parseInt(total.val()) + 1;
        if (num > stock) {
            tip("您最多可购买 " + stock + " 件!", true);
            num--;
        }
        if (num > mb && mb > 0) {
            tip("您最多可购买 " + mb + " 件!", true);
            num = mb;
        }
        total.val(num);
    }

    function reduceNum() {
        var total = $("#total");
        if (!total.isInt()) {
            total.val("1");
        }
        var num = parseInt(total.val());
        if (num - 1 <= 0) {
            return;
        }
        num--;
        total.val(num);
    }

    function addtocart() {
        var ret = option_selected();
        if (ret.no != '') {
            tip("请选择" + ret.no + "!", true);
            return;
        }
        tip("正在处理数据...");
        var total = $("#total").val();
        var stock = parseInt($('#stock').text());
        if (stock == 0) {
            tip('库存不足，无法购买。');
            return;
        }
        var url = "{php echo murl('entry//mycart',array('id'=>$goods['id'],'op'=>'add','m'=>'ewei_shopping'),true)}" + "&optionid=" + $("#optionid").val() + "&total=" + total;
        $.getJSON(url, function (s) {
            if (s.result == 0) {
                tip("只能购买 " + s.maxbuy + " 件!");
            } else {
                tip_close();
                tip("已加入购物车!");
                $('#carttotal').css({
                    'width': '50px',
                    'height': '50px',
                    'line-height': '50px'
                }).html(s.total).animate({'width': '20px', 'height': '20px', 'line-height': '20px'}, 'slow');
            }
        });
    }

    function buy() {
        var ret = option_selected();
        if (ret.no != '') {
            tip("请选择" + ret.no + "!", true);
            return;
        }
        var stock = parseInt($('#stock').text());
        if (stock == 0) {
            tip('库存不足，无法购买。');
            return;
        }
        var total = $("#total").val();
        location.href = "{php echo murl('entry//confirm',array('id'=>$goods['id'],'op'=>'confirm','m'=>'ewei_shopping'),true)}" + "&optionid=" + $("#optionid").val() + "&total=" + total;
    }

    var selected = [];
    function option_selected() {
        var ret = {
            no: "",
            all: []
        };
        if (!hasoption) {
            return ret;
        }
        $(".optionid").each(function () {
            ret.all.push($(this).val());
            if ($(this).val() == '') {
                ret.no = $(this).attr("title");
                return false;
            }
        })
        return ret;
    }

    // 微商城分享
    wx.ready(function () {
        sharedata = {
            title: "{$goods['title']}",
            desc: '{php echo cutstr(str_replace("\r\n", "", strip_tags($goods["content"])), 64, true);}',
            link: "{$_W['siteurl']}",
            imgUrl: "{php echo tomedia($goods['thumb']);}"
        };
        wx.onMenuShareAppMessage(sharedata);
        wx.onMenuShareTimeline(sharedata);
    });

</script>


{template 'footer'}

